<template>
    <div>
        <table>
            <tr>
                <td class="company">
                    <div class="companyLogo"><img src="../../assets/logo.png"></div>
                    <p>贵州格安科技有限公司</p>
                </td>
                <td class="information">
                    <img src="../../assets/info.png">消息中心
                    
                </td>
                <td class="contant">
                    <input type="button" value="联系客服">
                </td>
            </tr>
        </table>
    </div>
</template>

<script>
    export default {
        data() {
            return {}
        },
        methods: {
        }
    }
</script>

<style scoped>
    table{
        height: 100%;
        float: right;
        margin-right: 120px;
    }

    table tr{
        width: 420px;
        height: 100%;
    }

    .company{
        width: 210px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        color: #4F5254;
    }

   .companyLogo{
       background-color: white;
       width: 40px;
       height: 40px;
       line-height: 40px;
       border-radius: 20px;
       float: left;
   }

   .companyLogo img{
       width: 70%;
       height: 70%;
       margin-top: 15%;
   }

   .information{
       width: 90px;
       height: 40px;
       line-height: 40px;
       font-size: 13px;
       color: #4F5254;
       padding-left: 20px;
   }

   .information img{
       width: 18%;
       margin-right: 15px;
   }

   .contant{
       width: 80px;
       height: 40px;
       padding-left: 20px;
   }

   .contant input{
       width: 80px;
       height: 26px;
       background-color: transparent;
       color: #38ACB5;
       border: 1px solid #38ACB5;
       border-radius: 5px;
   }
</style>